/* CSS Document */
*{
	margin:0;
	padding:0;
	
}
html,body{
	height:100%;/* на всю висоту сайт навіть якщо нема контенту*/
}
#body{
	margin:0 auto;
	/*width:800px;*/
	min-width:1000px;/*при зменшені вікна браузера картинка не деформуєтсья...зявляєтсья прокрутка....для моніторів з малим розширенням*/
	height:100%;
}
#contayner{
	padding-bottom:50px;
	margin-top:-50px;
	
	background-color: #0F0;
	/*width:800px;*/
	min-height:100%;
	

}
*html #contayner{	
	height:100%;
}/*розуміє тільки ІЕ6*/
#left{
	background-color:#00F;
	width:100px;
	height:200px;
	float:left;
}

#content{	
	margin:0 auto;	
	margin-top:10px;
	/* margin-left:110px;
	margin-right:110px; */
	width:1000px;
	
	padding-top:20px;
	background-color:#999;

	min-height:200px;
	/* працює всюди крім ІЕ 6*/
	/* важливо...для випадку коли блок пустивй IE6 не працює   ....height:200px; - працює тільки в ІЕ 6...розтягується блок якщо більше 200
	min-height i max-height працює у всіх інших браузерах */
}
/*виносити в окрему таблицю стилів і підключити її через провірку*/
*html #content{	
	height:200px;
}/*розуміє тільки ІЕ6*/
*html #blok3{/*переопреділення тегу для сьомого ІЕ7  */
	left:-30px;/*для ІЕ6  .... аналог margin-left*/
}
/* *+html #blok3{переопреділення тегу для сьомого ІЕ7 
	left:-30px;для ІЕ6  .... аналог margin-left
} */

#c-left{
	margin: 0 auto;
	background-color: olive;
	width: 200px;
	height:200px;
	/* float: left; */

}
#c-right{
	margin: 0 auto;
	background-color: fuchsia;
	width: 400px;

}

#right{
	background-color:#F00;
	width:100px;
	height:400px;
	float:right;
}
#header{
	padding-top:50px;
	background-color:#930;
	/*width:800px;*/
	height:100px;
}
#bot{
	margin-top:-50px;
	background-color:olive;
	/* width:70px; */
	height:50px;
}

#otstup{
	height:10px;
	clear:both;
}